<template>
   <div class="content-head">
       <div class="content-title">
           <div class="content-title-name display-inline">
             {{contentHead.contentTitle}}
           </div>
           <div class="content-title-describe">
             {{contentHead.titleDescribe}}
           </div>
       </div>
   </div>
</template>

<script>
  export default {
    name: 'contentHead',
    props:['contentHead'],
    data() {
      return {}
    },
    created() {
    },
    mounted() {
    },
    methods: {},
    components: {}
  }
</script>

<style lang="scss">
    .content-head{
        .content-title {
            padding: 15px 29px 15px 39px;
            font-size: 24px;
            border-bottom: solid 1px #f4f4f5;
            .display-inline {
                display: inline-block;
                vertical-align: middle;
            }
            .content-title-name {
                color: #323333;
                font-weight: bold;
                font-size: 18px;
            }
          .content-title-describe {
            float: right;
            font-size: 14px;
            color: #666;
          }
        }
    }
</style>
